<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Guess The Number !</title>
	<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="style.css" rel="stylesheet">
</head>
<body ng-app="app">
<div class="container" ng-controller="GuessTheNumberController">
	<h2>猜数字 !</h2>
	<p class="well lead">请猜 1 到 {{ maxNumber }}之间的一个随机数。</p>
		<label>输入你想到的数字: </label><input type="number" ng-model="guess"/>
		<button ng-click="verifyGuess()" class="btn btn-primary btn-sm">检测</button>
		<button ng-click="initializeGame()" class="btn btn-warning btn-sm">重玩</button>
		
	<div class="section-hint">
	<p class="text-info">花费次数：<span class="badge">{{noOfTries}}</span><p>
	<p>
		<p ng-show="deviation<0" class="alert alert-warning">高了</p>
		<p ng-show="deviation>0" class="alert alert-warning">低了</p>

		<!-- 猜中了 给一个动画效果 -->
		<p ng-show="deviation===0" class="alert alert-success animateMe">恭喜你，猜中了！</p>
	</p>

	</div>
	
</div>
	<script src="../assets/angular.js"></script>
	<script src="../assets/angular-animate.js"></script> 
	<script src="app.js"></script>
</body>
</html>